<div *ngIf="hero">
  <h2>{{hero.name | uppercase}} Detail</h2> 
  <div><span>id:</span>{{hero.id}}</div>
  <div><span>name:</span>{{hero.name}}</div>
  <div>
    <label>name:<input type="text" [(ngModel)]="hero.name" placeholder="please input name"></label>
  </div>
</div>

<button (click)="save()">save</button>
<button (click)="goBack()">back</button>